<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../style/base.css" />
    <link rel="stylesheet" href="../style/kaoshiguanli.css">
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
    <link rel="stylesheet" href="../basestyle/bus-form1.css">
    <link rel="stylesheet" href="../basestyle/tubiao.css">
    <link rel="stylesheet" href="../style/Examination.css">
</head>

<body>
    <div class="container-fluid home">
      <header class="clearfix">
        <h1>在线教育考试平台</h1>
        <span class="glyphicon glyphicon-arrow-left z-left"></span>
        <div  class="zlj-right">
            <span class="glyphicon glyphicon-search"></span>
            <span class="glyphicon glyphicon-bell"></span>
            <input type="file" id="file">
            <img src="../images/6.jpg" alt="" class="show-img"/>
            <span class="yonghu">admin</span>
            <span class="glyphicon glyphicon-off"></span>
        </div>
    </header>
        <section>
            <nav>
              <ul class="tz-left-ul clearfix zljshouye">
                <li class="tz-second-li ">
                    <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                    <span>首页</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
                </li>
                <li class="tz-second-li tz-ul-hidden">
                    <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                    <span>题库管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <ul class="tz-left-ul">
                        <li data-id="12" data-href="#" class="zlj-shouye21"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye21">题目分类</span></li>
                        <li data-id="12" data-href="#" class="zlj-shouye22"><span data-id="13" data-href="#"class="tz-left-margin zlj-shouye22">题目列表</span></li>
                    </ul>
                    <div class="tz-second-menu-div" data-id="2"></div>
                </li>
                <li class="tz-second-li tz-ul-hidden">
                    <span class="glyphicon glyphicon-list-alt tz-left-margin" aria-hidden="true"></span>
                    <span>试卷管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <ul class="tz-left-ul">
                        <li data-id="12" data-href="#" class="zlj-shouye31"><span data-id="13" data-href="#" class="zlj-shouye31 tz-left-margin">试卷分类
                                </span>
                        </li>
                        <li data-id="12" data-href="#" class="zlj-shouye32"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye32">试卷列表</span></li>
                    </ul>
                    <div class="tz-second-menu-div" data-id="2"></div>
                </li>
                <li class="tz-second-li tz-ul-hidden">
                    <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                    <span>考务管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <ul class="tz-left-ul">
                        <li data-id="12" data-href="#" class="zlj-shouye41"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye41">准考证
                                </span>
                        </li>
                        <li data-id="12" data-href="#" class="zlj-shouye42"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye42">签到表</span></li>
                        <li data-id="12" data-href="#" class="zlj-shouye43"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye43">桌贴</span></li>
                        <li data-id="12" data-href="#" class="zlj-shouye44"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye44">门贴</span></li>
                    </ul>
                    <div class="tz-second-menu-div" data-id="4"></div>
                </li>
                <li class="tz-second-li tz-ul-hidden">
                    <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                    <span>考试管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <ul class="tz-left-ul">
                        <li data-id="12" data-href="#" class="zlj-shouye51"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye51">考试列表
                                </span>
                        </li>
                        <li data-id="12" data-href="#" class="zlj-shouye52"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye52">考试审批</span></li>
                        <li data-id="12" data-href="#" class="zlj-shouye53"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye53">考试监控</span></li>
                    </ul>
                    <div class="tz-second-menu-div" data-id="3"></div>
                </li>
                <li class="tz-second-li">
                    <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                    <span>考生管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
                </li>
                <li class="tz-second-li tz-ul-hidden">
                    <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                        aria-hidden="true"></span>
                    <span>统计分析</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <ul class="tz-left-ul">
                        <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye71">考试分析
                                </span>
                        </li>
                        <li data-id="12" data-href="#" class="zlj-shouye72"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye72">试卷分析</span></li>
                    </ul>
                    <div class="tz-second-menu-div" data-id="2"></div>
                </li>
                <li class="tz-second-li">
                    <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                    <span>证书管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
                </li>
                <li class="tz-second-li tz-ul-hidden">
                    <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                    <span>系统管理</span>
                    <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                    <ul class="tz-left-ul">
                        <li data-id="12" data-href="#" class="zlj-shouye91"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye91">角色权限
                                </span>
                        </li>
                        <li data-id="12" data-href="#" class="zlj-shouye92"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye92">短信设置</span></li>
                        <li data-id="12" data-href="#" class="zlj-shouye93"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye93">安全设置</span></li>
                        <li data-id="12" data-href="#" class="zlj-shouye94"><span data-id="13" data-href="#"
                                class="tz-left-margin zlj-shouye94">系统日志</span></li>
                    </ul>
                    <div class="tz-second-menu-div" data-id="4"></div>
                </li>
            </ul>
            </nav>
        <main>
       <!-- 内容 -->
          <div class="row header">
            <div class="col-md-12" id="top1"><strong id="kaowu">考试管理 / </strong> <strong>考试列表</strong> </div>
            <div class="col-md-12  h-ksgl"><strong id="hst">考试列表</strong></div>
          </div>

          <!-- 考试期次 -->
          <div class="row z-body" id="z-body" >
            <div class="row">
              <form class="form-inline">
                <div class="form-group col-md-4" id="left1">
                  <label for="exampleInputName2">考试期次：</label>
                  <input
                    type="text"
                    class="form-control search-con"
                    id="exampleInputName2"
                    placeholder="请输入"
                  >
                </div>

                <div class="form-group col-md-7" id="left2">
                  <label for="exampleInputEmail2">考试名称：</label>
                  <select class="edit-class form-control h-ksmc  zz-edit-category" value="考试名称">
                    <option value="语文期中考试">语文期中考试</option>
                    <option value="语文第二次月考">语文第二次月考</option>
                    <option value="语文第一次月考">语文第一次月考</option>
                    <option value="数学第一次月考">数学第一次月考</option>
                    <option value="数学第二次月考">数学第二次月考</option>
                  </select>
                  <button type="button" class=" hjcx1 search-btn" >查询</button>
                  <button type="button"  class="hjcx1 chongzhi1 ">重置</button>
                </div>
              </form>
            </div>
            <div class="row">
              <div class="col-md-12" id="left2">
                <button class="hjzkz1 " data-toggle="modal" data-target="#editModa11">新增考试</button>
                
              </div>
            </div>


            <div class="row">
                <div class="col-md-11" id="left3">
                  <table class="table table-bordered table-striped table-hover">
                    <thead>
                      <tr>
                        <th>
                          <!-- <input type="checkbox" /> -->
                        </th>
                        <th>序号</th>
                        <th>考试期次</th>
                        <th>考试名称</th>
                        <th>考试时间</th>
                        <th>考生人数</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody>
<!-- 
                      <tr>
                        <td><input type="checkbox"></td>
                        <td>1</td>
                        <td>2021年语文期中考试</td>
                        <td>语文期中考试</td>
                        <td>2021-05-20 14:00:00-2021-05-20 16:00:00</td>
                        <td>100</td>
                      
                          <td id="td1"><a data-toggle="modal" data-target="#editModal"> <label>
                            <input type="checkbox">
                        </label>修改</a><a data-toggle="modal" data-target="#delModal"> <label>
                            <input type="checkbox">
                        </label>删除</a><a href="#"> <label>
                            <input type="checkbox">
                        </label>详情</a>
                        </td>
                    </tr>

                    <tr>
                        <td><input type="checkbox"></td>
                        <td>1</td>
                        <td>2021年语文期中考试</td>
                        <td>语文期中考试</td>
                        <td>2021-05-20 14:00:00-2021-05-20 16:00:00</td>
                        <td>100</td>
                      
                          <td id="td1"><a data-toggle="modal" data-target="#editModal"> <label>
                            <input type="checkbox">
                        </label>修改</a><a data-toggle="modal" data-target="#delModal"> <label>
                            <input type="checkbox">
                        </label>删除</a><a data-toggle="modal" data-target="#editModa3" > <label>
                            <input type="checkbox">
                        </label>详情</a>
                        </td>
                    </tr> -->
                    </tbody>
                  </table>
                </div>
              </div>  
                <!-- 分页 -->
              <nav aria-label="Page navigation" style="margin-left: 500px;">
                <ul class="pagination">
                  <!-- <li>
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li> -->
                </ul>
              </nav>
            </div>

            <!-- 新增弹框 -->

            <div class="modal fade" id="editModa11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel"></h4>
                        </div>
                        <div class="modal-body">
                            <form>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">序号</label>
                                    <input type="text" class="edit-name form-control  hjxh11" id="hjxh" placeholder="请填写修改的序号">
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试期次</label>
                                    <input type="text" class="edit-name form-control  hjksqc" id="exampleInputEmail1" placeholder="请填写修改的考试期次">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试名称</label>
                                    <input type="text" class="edit-age form-control hjksmc" id="exampleInputEmail1" placeholder="请填写修改的考试名称">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试时间</label>
                                    <input type="text" class="edit-age form-control hjkssj" id="exampleInputEmail1" placeholder="请填写修改的考试时间">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试人数</label>
                                    <input type="text" class="edit-age form-control  hjksrs " id="exampleInputEmail1" placeholder="请填写修改的考试人数">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary  add-btr">保存</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 修改弹框 -->
            <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel"></h4>
                        </div>
                        <div class="modal-body">
                            <form>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">序号</label>
                                    <input type="text" class="edit-name form-control  hjxh111" id="hjxh" placeholder="请填写修改的序号">
                                </div>

                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试期次</label>
                                    <input type="text" class="edit-name form-control  hjksqc1" id="exampleInputEmail1" placeholder="请填写修改的考试期次">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试名称</label>
                                    <input type="text" class="edit-age form-control hjksmc1 " id="exampleInputEmail1" placeholder="请填写修改的考试名称">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试时间</label>
                                    <input type="text" class="edit-age form-control z-edit-time hjkssj1" id="exampleInputEmail1" placeholder="请填写修改的考试时间">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">考试人数</label>
                                    <input type="text" class="edit-age form-control hjksrs1 " id="exampleInputEmail1" placeholder="请填写修改的考试人数">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary  hjbc">保存</button>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 详情弹框-->

            <div class="modal fade" id="editModa3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">详情</h4>
                        </div>
                        <div class="modal-body">
                            <form>
                                <div class="form-group">
                                    <label for="exampleInputEmail1"> 
                                        江苏事业单位概况
 

江苏事业单位统考是什么？
 

事业单位统考：事业单位统一公开招聘考试由事业单位公开招聘工作综合管理部门组织，按照招聘工作计划，针对各类事业单位的空缺岗位面向社会公开招考。凡符合报考资格条件的人员均可参加。

 

考试时间：江苏事业单位一年统考一次，近几年考试时间受疫情影响会有前后波动，2020 年考试时间为 6 月份，2021 年考试考试时间为 4 月份，2022 年考试时间为 7 月份，2023年考试时间为4月1日。
                                    </label>
                                   
                                </div>
                              
                               
                             
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary   zz-save-btn ">保存</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 删除弹框 -->
            <div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            您确定删除吗？
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" data-dismiss="modal" class="btn del-btn btn-primary del-btn">确定</button>
                        </div>
                    </div>
                </div>
            </div> 

             <!-- 详情弹框 -->

             <div class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                      <h4 class="modal-title">Modal title</h4>
                    </div>
                    <div class="modal-body">
                      <p>One fine body&hellip;</p>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      <button type="button" class="btn btn-primary">Save changes</button>
                    </div>
                  </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
              </div><!-- /.modal -->
  
       
            </div>
          </main>
        </section>
      </div>
      <script src="../basestyle/left-menu.js"></script>
       <!-- <script src="../js/kaoshiguanli.js"></script> -->
      <script src="../js/base.js"></script>
      <script src="../js/kaoshiguanli1.js"></script>
    
  </body>
</html>